<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">


<span th:each="yu,yuStat:${list}">
    <span th:if="${yuStat.index%3 == 0}">
        <div class="row">
            <div class="col-sm-4">
                <div class="contact-box">
                        <div class="col-sm-4">
                            <div class="text-center">
                                <img alt="image" th:onclick="'getin(\'' + ${yu.id} + '\');'"
                                     th:src="${yu.filepath}"  width="150px" height="150px">
                                <div class="m-t-xs font-bold" th:text="${yu.name}">CTO</div>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <h3><strong>管理员:</strong><strong th:text="${yu.managername}"></strong></h3>
                            <address>
                                说明:<span th:text="${yu.explain}"></span><br/>
                                总人数:<span th:text="${yu.totalNumber}"></span><br/>
                            </address>
                            <button type="button" th:onclick="'getin(\'' + ${yu.id} + '\');'" class="layui-btn">
                            进入
                            </button>
                        </div>
                        <div class="clearfix"></div>
                </div>
            </div>
    </span>
    <span th:if="${yuStat.index%3 == 1}">
            <div class="col-sm-4">
                <div class="contact-box">
                        <div class="col-sm-4">
                            <div class="text-center">
                                <img th:onclick="'getin(\'' + ${yu.id} + '\');'" alt="image"
                                     th:src="${yu.filepath}"  width="150px" height="150px">
                                <div class="m-t-xs font-bold" th:text="${yu.name}"></div>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <h3><strong>管理员:</strong><strong th:text="${yu.managername}"></strong></h3>
                            <address>
                                说明:<span th:text="${yu.explain}"></span><br/>
                                总人数:<span th:text="${yu.totalNumber}"></span><br/>
                            </address>
                            <button type="button" th:onclick="'getin(\'' + ${yu.id} + '\');'" class="layui-btn">
                            进入
                            </button>
                        </div>
                        <div class="clearfix"></div>
                </div>
            </div>
    </span>
    <span th:if="${yuStat.index%3 == 2}">
            <div class="col-sm-4">
                <div class="contact-box">
                        <div class="col-sm-4">
                            <div class="text-center">
                                <img alt="image" th:onclick="'getin(\'' + ${yu.id} + '\');'"
                                     th:src="${yu.filepath}"  width="150px" height="150px">
                                <div class="m-t-xs font-bold" th:text="${yu.name}"></div>
                            </div>
                        </div>
                        <div class="col-sm-8">
                            <h3><strong>管理员:</strong><strong th:text="${yu.managername}"></strong></h3>
                           <address>
                                说明:<span th:text="${yu.explain}"></span><br/>
                               总人数:<span th:text="${yu.totalNumber}"></span><br/>
                            </address>
                            <button type="button" th:onclick="'getin(\'' + ${yu.id} + '\');'" class="layui-btn">
                            进入
                            </button>
                        </div>
                        <div class="clearfix"></div>
                </div>
            </div>
        </div>
    </span>
</span>
<div th:include="include :: footer"></div>
<script>
    function getin(id) {
        window.open("/index?id=" + id);
    }

</script>
</body>
</html>